<!--
    group: 发票管理
    name: 申请开票/开票列表
    item: 开票金额限制弹层提示（首次开票金额限制/单次开票金额限制）
-->
<template>
  <a-modal
    :width="config.width"
    :footer="null"
    :title="config.modalTitle"
    :destroyOnClose="true"
    :keyboard="false"
    :maskClosable="false"
    :closable="false"
    v-model="config.visible"
  >
    <div class="main">
      <div>
        <h5 class="content" v-if="config.title">{{ config.title }}</h5>
        <p class="content" v-if="config.content">
          <span v-html="config.content"></span>
        </p>
      </div>

      <div class="footer_btns">
        <a-button
          :class="[config.big ? 'btnsLarge' : '']"
          v-if="config.okText"
          :type="config.okType"
          @click="sure"
        >{{ config.okText }}</a-button>
        <a-button
          class="mLeft"
          v-if="config.cancleText"
          :type="config.cancleType"
          @click="cancle"
        >{{ config.cancleText }}</a-button>

      </div>
    </div>
  </a-modal>
</template>

<!--
1、首次开票金额限制---提交开票：  首次开票金额不能超过您核定额度的1/3！
         您的核定额度为：月核定额度/月，首次开票金额不能超过月核定额度/3元，本次开票可能无法结算，请确认您的开票金额！
    按钮：  继续提交     修改金额

2、首次开票金额限制---结算-生成订单：  首次开票金额不能超过您核定额度的1/3！
                  您的核定额度为：月核定额度/月，首次开票金额不能超过月核定额度/3元
                  您提交的发票数据中，单张金额均大于该金额，将导致开票失败，请您重新填写开票申请，或勾选低于月核定额度/3元的开票申请同步结算！
    按钮：关闭

3、单次开票金额限制---提交开票： 单次开票金额不能超过您核定额度的50%！
         您当前的核定额度为：月核定额度/月，单次开票金额不能超过月核定额度/2元，请修改您的开票金额！
     按钮： 确定
-->
<script>
const config = {
  width: '650px',
  visible: true,    //modal展示状态
  modalTitle: '',   //modal层的标题

  title: '首次开票金额不能超过您核定额度的1/3！',     //标题
  content: '您的核定额度为：月核定额度/月，首次开票金额不能超过月核定额度/3元，本次开票可能无法结算，请确认您的开票金额！',  //内容
  okText: '继续提交',    //确定文字
  okType: 'primary',    //确定类型

  cancleText: '修改金额',    //取消文字
  cancleType: 'default',    //取消类型

  source: '',    //来源  1-申请开票（首次开票金额限制）  2-申请开票（单次开票金额限制）  3-提交结算（首次开票金额限制）

};
export default {
  name: 'amountLimitPrompt',
  props:['config'],
  data(){
    return{

    }
  },
  methods:{
    //确定
    sure(){
      //子组件调用父组件方法
      this.$emit('fatherExcessMethod',this.config);
    },
    //取消
    cancle(){
      //开票列表提交结算---首次开票金额
      if (this.config.source == 3){
        this.config.visible = false;
        this.$parent.getTableData();
      }else{
        this.config.visible = false;
      }
    },
  }
}
</script>

<style scoped lang="less">
.main{
  width: 100%;
  padding: 20px 5% 10px 5%;
}
.title{
  font-size: 18px;
  font-weight: bolder;
  color: #101010;
}
.content{
  font-size: 15px;
  color: #333333;
}


.footer_btns{
  margin-top: 50px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: end;

  a{
    text-decoration: underline;
  }
}
</style>
